@extends('admin.layout.app')
	
@section('title')
    登录
@endsection

@section('style')
	<link rel="stylesheet" type="text/css" href="/admin/css/login.css">
@endsection

@section('content')
	<div class="login-container" v-cloak>
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-10 col-md-8 col-lg-8 col-sm-offset-1 col-md-offset-2 col-lg-offset-2">
						<h1 class="text-center">四川省交通物流发展中心评分考核系统</h1>
						<div class="login-form-wrap">
							<h5 class="text-center">用户登录</h5>
							<div class="row">
								<div class="col-xs-10 col-xs-offset-1 col-sm-10 col-sm-offset-10 col-md-offset-8 col-md-offset-2 col-lg-8 col-lg-offset-2">
									<form id="login-form" action="" method="post" class="form-horizontal">
										<div class="form-group">
											<label for="inputEmail3" class="col-sm-2 control-label"><span class="glyphicon glyphicon-user" aria-hidden="true"></span>账号</label>
											<div class="col-sm-10">
												<input type="email" class="form-control" placeholder="请输入账号" v-model="formData.username">
											</div>
										</div>
										<div class="form-group has-feedback">
											<label for="inputPassword3" class="col-sm-2 control-label"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span>密码</label>
											<div class="col-sm-10">
												<input v-if="inputType=='password'" type="password" class="form-control"  placeholder="请输入密码" v-model="formData.password">
												<input v-else type="text" class="form-control"  placeholder="请输入密码" v-model="formData.password">
												<span class="form-control-feedback" @click="toggleInput"><img v-if="inputType=='password'" src="/imgs/icons_eye_open.png"/><img v-else src="/imgs/icons_eye_close.png"></span>
												<p class="help-block text-danger" :class="{invisible:!hasError}">账户或密码错误，请重新输入</p>
											</div>
										</div>
										<div class="form-group text-center">
											<button type="button" class="btn btn-primary btn-login"  data-loading-text="正在登录" @click="login">登录</button>
										</div>
									</form>
								</div>
							</div>
							<img class="shape" src="/imgs/combined_shape.png">
						</div>
					</div>
				</div>
			</div>
		</div>
@endsection

@section('script')
	<script src="/admin/js/login.js" type="text/javascript"></script>
@endsection